@media screen and (max-width: 1600px){
	/* casedetail */
	.caseDetailWrapper .caseDetail .item .info{
		padding: 30px;
	}
	.caseDetailWrapper .caseDetail .item .info .numList li p{
		font-size: 14px;
	}
	.caseDetailWrapper .caseDetail .item .info .numList li .num i{
		font-size: 30px;
	}
	/* company */
	.companyWrapper .swiperBox .tabPrev{
		left: -20px;
	}
	.companyWrapper .swiperBox .tabNext{
		right: -20px;
	}

	/* recruit */
	.recruitWrapper .recruitBottom .moudel1  .item.right .infoCont{
		padding: 35px 10%;
	}
	.recruitWrapper .recruitBottom .moudel1  .item.left .infoCont{
		padding: 35px 10%;
	}

	/* solution */
	.solutionWrapper .moudel2 .itemBox{
		padding-left: 10%;
	}

	/* productdetail */
	.productDetailWrapper .detailFirst img{
		width: 70%;
	}
	.productDetailWrapper .moudle1 .item .info h1{
		font-size: 40px;
	}
	.productDetailWrapper .moudle1 .item .info p{
		font-size: 20px;
	}

}

@media screen and (max-width: 1440px){
	/* company */
	.companyWrapper .banner{
		height: 850px;
	}
	.companyWrapper .banner .item2 .left p br{
		display: none;
	}
	.companyWrapper .companyInfo .infoList li{
		padding: 45px 0;
	}
	.companyWrapper .swiperCompany .itemBox .item .layer .bottom{
		padding: 0 15px;
	}

	/* productdetail */
	.productDetailWrapper .detailFirst img{
		width: 60%;
	}
	.productDetailWrapper .moudle1 .item .info h1{
		font-size: 34px;
	}
	.productDetailWrapper .moudle1 .item .info p{
		font-size: 18px;
	}
	.productDetailWrapper .moudle1 .item .img img{
		width: 86%;
	}
	.productDetailWrapper .moudle2 li h1{
		font-size: 22px;
	}
	.productDetailWrapper .moudle2Title{
		font-size: 34px;
	}
	.productDetailWrapper .moudle3 .txt h1{
		font-size: 34px;
	}
	.productDetailWrapper .moudle4 h1{
		font-size: 34px;
	}
	.productDetailWrapper .moudle5 h1{
		font-size: 34px;
	}
}

@media screen and (max-width: 1366px){
	/*agent*/
	.agentWrapper .agentBox .img{
		height: 580px;
	}
	.agentWrapper .agentBox .img span h1{
		font-size: 40px;
	}
	.agentWrapper .agentBox .typeBox .typeTitle a{
		height: 140px;
		line-height: 140px;
	}
	.agentWrapper .agentBox .typeBox .typeTitle a span{
		font-size: 20px;
		line-height: 50px;
	}
	.agentWrapper .agentBox .typeBox .typeCont{
		height: 440px;
	}
	.agentWrapper .agentStep .stepBox .items .itemTxt{
		padding: 15px;
	}
	.agentWrapper .agentStep .stepBox .items .itemTxt p{
		font-size: 14px;
	}

	/* company */
	.companyWrapper .banner{
		height: 720px;
	}
	.companyWrapper .banner .item1 .right .list li h1{
		font-size: 50px;
		line-height: 60px;
	}
	.companyWrapper .banner .item1 .left p{
		margin-top: 45px;
	}
	.companyWrapper .banner .item2{
		margin-top: 30px;
	}
	.companyWrapper .companyInfo .infoBox{
		padding: 30px;
		top: -70px;
		margin-bottom: -70px;
	}
	.companyWrapper .companyInfo .infoBox h1 span{
		font-size: 26px;
	}
	.companyWrapper .companyInfo .infoBox p{
		font-size: 14px;
		line-height: 24px;
	}
	.companyWrapper .swiperCompany .itemBox .item .layer .bottom p br{
		display: none;
	}
	.companyWrapper .companyInfo .infoList li{
		padding: 30px 0;
	}
	.companyWrapper .companyInfo .infoList li h1{
		font-size: 26px;
	}
	.companyWrapper .swiperBox .tab{
		width: 40px;
		height: 40px;
	}
	.companyWrapper .swiperBox .tabPrev{
		left: -60px;
	}
	.companyWrapper .swiperBox .tabNext{
		right: -60px;
	}

	.companyWrapper .swiperCompany .itemBox .item .Ico{
		top: 56px;
		width: 70px;
		height: 90px;
	}
	.companyWrapper .swiperCompany .itemBox .item .Ico:before{
		background-size: contain;
	}
	.companyWrapper .swiperCompany .itemBox .item .img{
		height: 200px;
	}
	.companyWrapper .swiperCompany .itemBox .item .info{
		height: 90px;
	}
	.companyWrapper .swiperCompany .itemBox .item .layer .bottom{
		height: 90px;
	}
	.companyWrapper .swiperCompany .itemBox .item h1{
		margin-top: 0;
	}
	.companyWrapper .swiperCompany .itemBox .item h1 span{
		font-size: 18px;
	}
	.companyWrapper .swiperCompany .itemBox .item .layer .top h1 span{
		font-size: 18px;
	}
	.companyWrapper .swiperCompany .itemBox .item .layer .bottom p{
		font-size: 12px;
		line-height: 24px;
	}
	.companyWrapper .swiperCompany .itemBox .item:hover .Ico{
		top: -45px;
	}




	/* company */
	.AboutWrapper .SecondNav a{
		height: 70px;
		line-height: 70px;
		font-size: 16px;
	}
	.companyWrapper .companyAbout{
		padding: 6% 0 8%;
	}

	/* honor */
	.AboutHonor .yearFloor{
		right: 0;
	}
	
	/*staff*/
	.staffWrapper .banner .info{
		padding: 30px 30px 0;
	}
	.staffWrapper .banner .info h1{
		font-size: 30px;
	}
	.staffWrapper .slickBox .slickInfo{
		height: 450px;
	}
	.staffWrapper .slickBox .slickImg .img{
		height: 450px;
	}
	.staffWrapper .slickBox .slickInfo .info h1{
		font-size: 24px;
	}
	.staffWrapper .photoTab .item{
		padding: 50px 0;
	}
	.staffWrapper .swiperPhoto .group{
		height: 650px;
	}
	.staffWrapper .swiperPhoto .group .left .img{
		height: 650px;
	}
	.staffWrapper .swiperPhoto .group .right .top .img{
		height: 280px;
	}
	.staffWrapper .swiperPhoto{
		top: -100px;
		margin-bottom: -100px;
	}
	.staffWrapper .swiperPhoto .group .right{
		margin-top: 100px;
	}
	.staffWrapper .swiperPhoto{
		padding-bottom: 80px;
	}


	/* solution */
	.solutionWrapper .moudel1 .controlType a{
		height: 120px;
	}
	.solutionWrapper .moudel1 .controlType a h1{
		font-size: 20px;
		margin-top: 35px;
	}
	.solutionWrapper .moudel2 .bgImg{
		height: 680px;
	}
	.solutionWrapper .moudel2 .itemBox{
		padding: 30px 30px 30px 6%;
	}
	.solutionWrapper .moudel2 .itemBox .item{
		padding: 10px 0;
	}
	.solutionWrapper .moudel2 .itemBox .item .title{
		font-size: 15px;
	}
	.solutionWrapper .moudel2 .itemBox .itemBar{
		height: 600px;
	}
	.solutionWrapper .moudel3 .group .sideBar{
		width: 260px;
	}
	.solutionWrapper .moudel3 .group .sideBar a{
		height: 100px;
		line-height: 100px;
		font-size: 18px;
	}
	.solutionWrapper .moudel3 .group .imgsBox{
		margin-left: 300px;
	}

	/* productlist */
	.productListWrapper .productType a{
		height: 70px;
		line-height: 70px;
	}
	.productListWrapper .list{
		margin-top: 50px;
	}
	.productListWrapper .list li .info h1{
		font-size: 16px;
	}
	.productListWrapper .list li .info p{
		font-size: 14px;
	}

	/* productdetail */
	.productDetailWrapper .moudle1 .item .img img{
		width: 75%;
	}
	.productDetailWrapper .moudle2Title{
		padding: 3.8% 0;
		font-size: 28px;
	}
	.productDetailWrapper .moudle3 .txt img{
		max-width: 50%;
	}
	.productDetailWrapper .moudle4{
		padding-top: 200px;
	}
	.productDetailWrapper .moudle5 .bottomImg{
		width: 100%;
		margin: 0 auto;
	}


	/* casedetail */
	.caseDetailWrapper .banner .imgLayer .imgInfo{
		padding: 30px;
	}
	.caseDetailWrapper .banner .imgLayer .imgInfo h1{
		padding-bottom: 20px;
		margin-bottom: 20px;
		font-size: 30px;
	}
	.caseDetailWrapper .banner .imgLayer .imgInfo p{
		font-size: 16px;
	}
	.caseDetailWrapper .caseDetail .item{
		height: 400px;
	}
	.caseDetailWrapper .caseDetail .item .info{
		padding: 20px;
	}
	.caseDetailWrapper .caseDetail .item .info .numList li .num i{
		font-size: 24px;
	}

	/* recruit */
	.recruitWrapper .banner .info{
		padding: 30px 30px 0;
	}
	.recruitWrapper .banner .info p{
		margin-bottom: 40px;
	}
	.recruitWrapper .banner .info h1{
		font-size: 34px;
	}
	.recruitWrapper .recruitBox .recruitList li h1{
		padding-bottom: 15px;
		margin-bottom: 15px;
		font-size: 20px;
	}
	.recruitWrapper .recruitBox .recruitList li h1 span{
		height: 30px;
		line-height: 30px;
	}
	.recruitWrapper .recruitBox .recruitList li .more{
		margin-top: 20px;
	}
	.recruitWrapper .recruitBottom .moudel1 .info .tit{
		height: 160px;
		padding-top: 30px;
		padding-bottom: 20px;
	}
	.recruitWrapper .recruitBottom .moudel1 .info .tit p{
		margin-top: 20px;
	}
	.recruitWrapper .recruitBottom .moudel1 .img, .recruitWrapper .recruitBottom .moudel1 .info{
		height: 560px;
	}
	.recruitWrapper .recruitBottom .moudel2 .group .item{
		height: 300px;
	}
	.recruitWrapper .recruitBottom .moudel2 .group .right.itemImg{
		height: 600px;
	}

}

@media screen and (max-width: 1200px){
	.container{
		width: 80%;
	}
	/* activity */
	.AboutWrapper .SecondNav a{
		height: 65px;
		line-height: 65px;
		font-size: 16px;
	}
	.AboutActivity .activityBox .title{
		margin: 40px 0;
		font-size: 26px;
	}
	/*agent*/
	.recruitWrapper .banner .info h1{
		font-size: 36px;
	}
	.agentWrapper .agentBox .img span h1{
		font-size: 38px;
	}
	.agentWrapper .agentBox .img{
		height: 635px;
	}
	.agentWrapper .agentBox .typeBox .typeTitle a{
		height: 100px;
		line-height: 140px;
	}
	.agentWrapper .agentBox .typeBox .typeTitle a span{
		font-size: 24px;
	}
	.agentWrapper .agentBox .typeBox .typeCont{
		padding: 6.5%;
	}
	.agentWrapper .agentBox .typeBox .typeCont h1{
		font-size: 26px;
	}
	.agentWrapper .agentStep .stepBox .items .itemTxt{
		padding: 10px;
	}
	.agentWrapper .agentStep .stepBox .items .itemTxt p{
		font-size: 14px;
	}
	/* casedetail */
	.caseDetailWrapper .caseDetail{
		padding: 60px 0;
	}
	.caseDetailWrapper .banner .imgLayer .imgInfo h1{
		font-size: 28px;
		padding-bottom: 20px;
	}
	.caseDetailWrapper .caseDetail .item{
		height: 360px;
	}
	.caseDetailWrapper .caseDetail .item .info{
		padding: 20px;
	}
	.caseDetailWrapper .caseDetail .item .info h1{
		font-size: 20px;
		padding-bottom: 15px
	}
	.caseDetailWrapper .caseDetail .item .info .txt{
		font-size: 14px;
		line-height: 26px;
		max-height: 208px;
	}
	.caseDetailWrapper .caseDetail .item .info .numList li{
		padding-left: 10px;
	}
	.caseDetailWrapper .caseDetail .item .info .numList li p{
		font-size: 12px;
	}
	.caseDetailWrapper .caseDetail .item .info .numList li .num i{
		font-size: 22px;
	}

	/* company */
	.companyWrapper .banner{
		height: 680px;
	}
	.companyWrapper .banner .item1{
		padding: 15px 0;
	}
	.companyWrapper .banner .item1 .left h1{
		font-size: 36px;
	}
	.companyWrapper .banner .item1 .left p{
		margin-top: 25px;
	}
	.companyWrapper .banner .item1 .right .list li h1{
		margin-top: 10px;
		font-size: 36px;
		line-height: 40px;
	}
	.companyWrapper .banner .item2 .left h1{
		margin-bottom: 15px;
	}
	.companyWrapper .banner .item2 .left p{
		font-size: 14px;
		line-height: 24px;
	}
	.companyWrapper .banner .item2 .right img{
		max-width: 90%;
	}
	.companyWrapper .banner .item2 .left .address{
		margin-top: 35px;
	}
	.companyWrapper .companyList{
		padding-top: 50px;
	}
	.companyWrapper .companyInfo .infoBox{
		padding: 20px;
	}
	.companyWrapper .companyInfo .infoBox h1 span{
		font-size: 24px;
	}
	.companyWrapper .companyInfo .infoBox p{
		font-size: 14px;
		line-height: 28px;
	}
	.companyWrapper .swiperCompany .itemBox .item .img{
		height: 200px;
	}
	.companyWrapper .swiperCompany .itemBox .item .Ico{
		top: 44px;
	}
	.companyWrapper .swiperCompany .itemBox .item .layer .top{
		height: 160px;
	}
	.companyWrapper .swiperCompany .itemBox .item h1 span{
		font-size: 18px;
	}
	.companyWrapper .companyInfo .infoList li h1{
		font-size: 26px;
	}
	.companyWrapper .swiperCompany .itemBox .item .layer .bottom p{
		font-size: 14px;
	}
	.companyWrapper .swiperCompany{
		margin-top: 30px;
	}

	/* news */
	.newsWrapper .newsBox .newsType a{
		height: 65px;
		line-height: 65px;
		font-size: 16px;
	}
	.newsWrapper .singleNew{
		margin: 35px 0 30px;
	}
	.newsWrapper .newsList li{
		padding: 0 15px 20px;
	}
	.newsWrapper .newsList li .title{
		padding-right: 100px;
	}
	.newsWrapper .PageBar{
		margin-top: 50px;
	}
	.PageBar{
		height: 50px;
	}
	.PageBar .num{
		width: 50px;
		height: 50px;
		line-height: 50px;
	}
	.PageBar .arrow{
		width: 50px;
		height: 50px;
		line-height: 50px;
	}

	/* productlist */
	.productListWrapper .productType a{
		height: 65px;
		line-height: 65px;
		font-size: 16px;
	}
	.productListWrapper .list li .info h1{
		font-size: 16px;
	}
	.productListWrapper .banner p br{
		display: none;
	}

	/* recruit */
	.recruitWrapper .recruitBottom .moudel1  .item.right .infoCont{
		padding: 25px;
	}
	.recruitWrapper .recruitBottom .moudel1  .item.left .infoCont{
		padding: 25px;
	}
	.recruitWrapper .recruitBottom .moudel2 .group .right.itemImg{
		height: 580px;
	}
	.recruitWrapper .recruitBottom .moudel2 .group .item{
		height: 290px;
	}

	/* solution */
	.solutionWrapper .banner h1{
		font-size: 36px;
	}
	.solutionWrapper .moudel1 .controlType a h1{
		font-size: 22px;
	}
	.solutionWrapper .moudel3 .group .sideBar{
		width: 280px;
	}
	.solutionWrapper .moudel3 .group .imgsBox{
		margin-left: 320px;
	}

	/* staff */
	.staffWrapper .banner .info{
		padding: 20px;
	}
	.staffWrapper .banner .info h1{
		font-size: 24px;
		padding-bottom: 15px;
	}
	.staffWrapper .banner .info p{
		margin-bottom: 50px;
	}
	.staffWrapper .slickBox .slickImg .img{
		height: 400px;
	}
	.staffWrapper .slickBox .slickInfo{
		height: 400px;
	}
	.staffWrapper .photoTab .item{
		padding: 30px 0;
	}
	.staffWrapper .photoTab .item .ico{
		width: 55px;
		height: 40px;
		background-size: contain;
		margin-bottom: 10px;
	}
	.staffWrapper .photoTab .item p{
		font-size: 16px;
	}
	.staffWrapper .swiperPhoto .group{
		height: 450px;
	}
	.staffWrapper .swiperPhoto .group .left .img{
		height: 450px;
	}
	.staffWrapper .swiperPhoto .group .right .top .img{
		height: 180px;
	}
	.staffWrapper .swiperPhoto{
		top: -60px;
		margin-bottom: -60px;
	}
	.staffWrapper .swiperPhoto .group .right{
		margin-top: 60px;
	}
	.staffWrapper .swiperPhoto{
		padding-bottom: 80px;
	}


	/* productdetail */
	.productDetailWrapper .banner .detailHeader .box{
		height: 45px;
	}
	.productDetailWrapper .banner .detailHeader span{
		line-height: 45px;
	}
	.productDetailWrapper .banner .detailHeader .detailInfo a{
		height: 45px;
		line-height: 45px;
	}
	.productDetailWrapper .moudle1 .item .info{
		padding: 0 3%;
	}
	.productDetailWrapper .moudle1 .item .info h1{
		font-size: 28px;
	}
	.productDetailWrapper .moudle1 .item .info p{
		font-size: 16px;
	}

	/* honor */
	.AboutHonor .timeList .year{
		width: 100px;
		height: 100px;
	}
	.AboutHonor .timeList .year .num{
		margin-top: 20px;
		font-size: 26px;
	}

}


@media screen and (max-width: 992px){
	/*common*/
	html{
		padding-top: 60px;
	}
	.container{
		width: 92%;
	}
	.AboutWrapper{
		padding-bottom: 35px;
	}
	.AboutWrapper .SecondNav a{
		height: 45px;
		line-height: 45px;
		font-size: 12px;
	}
	/* activity */
	.AboutActivity .activityBox .title{
		margin: 30px 0;
		font-size: 20px;
		padding-bottom: 10px;
	}
	.AboutActivity .swiperActivity{
		display: none;
	}
	.AboutActivity .controlBox{
		display: none;
	}
	.AboutActivity .phoneActivity{
		display: block;
		padding-bottom: 20px;
	}
	.AboutActivity .phoneActivity .imgBox{
		display: table;
		width: 100%;
		height: 100px;
		border: 0;
		background-color: #fff;
		margin-bottom: 20px;
		box-sizing: border-box;
	}
	.AboutActivity .phoneActivity .box .imgBox:last-child{
		margin-bottom: 0;
	}
	.AboutActivity .phoneActivity .imgBox .img{
		display: table-cell;
		vertical-align: middle;
	}
	.AboutActivity .phoneActivity .imgBox .img img{
		display: block;
		margin: 0 auto;
	}
	.AboutActivity .phoneActivity .phonepagination{
		position: absolute;
		bottom: 6px;
		font-size: 0;
		left: 0;
		width: 100%;
		z-index: 9;
		text-align: center;
	}
	.AboutActivity .phoneActivity .phonepagination span{
		display: inline-block;
		margin: 0 2px;
		width: 4px;
		height: 4px;
		border-radius: 50%;
		background-color: #ccc;
	}
	.AboutActivity .phoneActivity .phonepagination span.swiper-active-switch{
		background-color: #016cdd;
	}
	/*agent*/
	.agentWrapper .banner{
		padding-top: 220px;
	}
	.recruitWrapper .banner .info{
		padding: 20px;
		width: 100%;
	}
	.recruitWrapper .banner .info h1{
		font-size: 20px;
		padding-bottom: 10px;
	}
	.recruitWrapper .banner .info p{
		margin-bottom: 0;
		font-size: 14px;
		line-height: 1.2;
		font-weight: normal;
	}
	.recruitWrapper .banner .info p br{
		display: none;
	}
	.agentWrapper .agentInfo{
		padding: 25px 0;
	}
	.agentWrapper .agentInfo h1{
		padding-bottom: 10px;
	}
	.agentWrapper .agentInfo h1 span{
		font-size: 20px;
		line-height: 1.4;
	}
	.agentWrapper .agentInfo p{
		margin-top: 10px;
		text-align: justify;
	}
	.agentWrapper .agentBox .img{
		position: relative;
		width: 100%;
		height: 280px;
	}
	.agentWrapper .agentBox .img span{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
	}
	.agentWrapper .agentBox .img span h1{
		font-size: 20px;
	}
	.agentWrapper .agentBox .img span p{
		font-size: 14px;
	}
	.agentWrapper .agentBox .typeBox{
		width: 100%;
	}
	.agentWrapper .agentBox .typeBox .typeTitle a{
		height: 70px;
		line-height: 85px;
	}
	.agentWrapper .agentBox .typeBox .typeTitle a span{
		display: inline;
		padding-left: 35px;
		font-size: 16px;
		height: 40px;
		line-height: 40px;
		background-size: contain;
	}
	.agentWrapper .agentBox .typeBox .typeCont{
		padding: 15px;
		height: auto;
	}
	.agentWrapper .agentBox .typeBox .typeCont h1{
		font-size: 20px;
		padding-bottom: 10px;
	}
	.agentWrapper .agentBox .typeBox .typeCont p{
		line-height: 2;
	}
	.agentWrapper .agentBox .typeBox .typeCont p br{
		display: none;
	}
	.agentWrapper .agentStep .title{
		font-size: 20px;
	}
	.agentWrapper .agentStep .stepBox{
		padding:  0;
	}
	.agentWrapper .agentStep .stepBox .items .item{
		display: block;
		height: auto;
	}
	.agentWrapper .agentStep .stepBox .items .itemTxt{
		width: 100%;
	}
	.agentWrapper .agentStep .stepBox .items.top .itemIco{
		width: 100%;
		height: 40px;
		background-image: url(../images/agent_icon4.png);
	}
	.agentWrapper .agentStep .stepBox .items.center .itemIco{
		width: 100%;
		height: 40px;
	}
	.agentWrapper .agentStep .stepBox .items.bottom .itemIco{
		width: 100%;
		height: 50px;
		background-image: url(../images/agent_icon4.png);
	}
	.agentWrapper .agentContact{
		padding: 30px 0;
	}
	.agentWrapper .agentContact p{
		font-size: 16px;
	}
	.agentWrapper .agentContact .btn{
		width: 120px;
		height: 36px;
		line-height: 36px;
		font-size: 14px;
	}
	/* casedetail */
	.caseDetailWrapper .banner{
		padding-top: 220px;
	}
	.caseDetailWrapper .banner .imgLayer{
		width: 100%;
	}
	.caseDetailWrapper .banner .imgLayer .imgInfo{
		padding: 20px;
		width: 92%;
		right: 4%;
		left: 4%;
	}
	.caseDetailWrapper .banner .imgLayer .imgInfo h1{
		font-size: 20px;
		line-height: 30px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.caseDetailWrapper .banner .imgLayer .imgInfo p{
		font-size: 14px;
		line-height: 1.2;
	}
	.caseDetailWrapper .caseDetail{
		padding: 30px 0;
	}
	.caseDetailWrapper .caseDetail .item{
		height: auto;
		margin-bottom: 25px;
	}
	.caseDetailWrapper .caseDetail .item .info,
	.caseDetailWrapper .caseDetail .item .img{
		width: 100%;
	}
	.caseDetailWrapper .caseDetail .item.right .img,
	.caseDetailWrapper .caseDetail .item.right .info{
		float: none;
	}
	.caseDetailWrapper .caseDetail .item.left .img,
	.caseDetailWrapper .caseDetail .item.left .info{
		float: none;
	}
	.caseDetailWrapper .caseDetail .item .img{
		height: 240px;
	}
	.caseDetailWrapper .caseDetail .item .info h1{
		font-size: 20px;
		padding-bottom: 10px;
	}
	.caseDetailWrapper .caseDetail .item .info h1 span{
		height: auto;
		line-height: 1.5;
	}
	.caseDetailWrapper .caseDetail .item .info .txt{
		max-height: none;
	}
	.caseDetailWrapper .caseDetail .item .info .numList{
		margin-top: 20px;
	}
	.caseDetailWrapper .caseDetail .item .info .numList li{
		width: 50%;
		padding-right: 15px;
		margin-bottom: 15px;
		text-align: left;
	}
	.caseDetailWrapper .caseDetail .item .info .numList li:nth-of-type(even){
		border: 0;
		text-align: right;
	}

	/* company */
	.companyWrapper .banner{
		height: 620px;
	}
	.companyWrapper .banner .group{
		width: 92%;
		bottom: 15px;
	}
	.companyWrapper .banner .item1 .left,
	.companyWrapper .banner .item1 .right{
		width: 100%;
	}
	.companyWrapper .banner .item1 .left h1{
		font-size: 20px;
	}
	.companyWrapper .banner .item1 .left p{
		margin-top: 10px;	
	}
	.companyWrapper .banner .item1 .left h2{
		font-size: 18px;
	}
	.companyWrapper .banner .item1 .right .list{
		margin-top: 20px;
	}
	.companyWrapper .banner .item1 .right .list li p{
		font-size: 14px;
		line-height: 20px;
	}
	.companyWrapper .banner .item1 .right .list li h1{
		font-size: 24px;
		line-height: 30px;
	}
	.companyWrapper .banner .item2{
		margin-top: 10px;
	}
	.companyWrapper .banner .item2 .left,
	.companyWrapper .banner .item2 .right{
		width: 100%;
	}
	.companyWrapper .banner .item2 .left h1{
		font-size: 20px;
		margin-bottom: 10px;
	}
	.companyWrapper .banner .item2 .left p{
		line-height: 20px;
	}
	.companyWrapper .banner .item2 .left .address{
		margin-top: 10px;
		/*background-size: contain;*/
	}
	.companyWrapper .banner .item2 .right img{
		float: none;
		max-width: 100%;
		width: 100%;
		margin-top: 15px;
	}
	.companyWrapper .companyAbout{
		padding: 30px 0 150px;
	}
	.companyWrapper .companyAbout .aboutInfo,
	.companyWrapper .companyAbout .aboutImg{
		display: block;
		width: 100%;
	}
	.companyWrapper .companyAbout .aboutInfo h1{
		padding-bottom: 10px;
	}
	.companyWrapper .companyAbout .aboutInfo h1 span{
		font-size: 20px;
	}
	.companyWrapper .companyAbout .aboutInfo h2{
		font-size: 20px;
		margin-top: 25px;
	}
	.companyWrapper .companyAbout .aboutInfo p{
		font-size: 14px;
		line-height: 24px;
	}
	.companyWrapper .companyAbout .aboutInfo .icoList{
		margin-top: 20px;
	}
	.companyWrapper .companyAbout .aboutInfo .icoList li .ico{
		width: 35px;
		height: 35px;
		background-size: contain;
	}
	.companyWrapper .companyAbout .aboutInfo .icoList li p{
		margin-top: 10px;
		font-size: 12px;
	}
	.companyWrapper .companyAbout .aboutImg{
		padding-left: 0;
		margin-top: 20px;
	}
	.companyWrapper .companyInfo .infoBox{
		float: none;
		width: 100%;
	}
	.companyWrapper .companyInfo .infoBox h1{
		padding-bottom: 10px;
	}
	.companyWrapper .companyInfo .infoBox h1 span{
		font-size: 18px;
	}
	.companyWrapper .companyInfo .infoList{
		float: none;
		width: 100%;
		margin-top: 30px;
		border-top: solid 1px rgba(255,255,255,.2);
	}
	.companyWrapper .companyInfo .infoList li{
		padding: 20px 0;
	}
	.companyWrapper .companyInfo .infoList li h1{
		font-size: 16px;
	}
	.companyWrapper .companyInfo .infoList li p{
		font-size: 12px;
		line-height: 18px;
	}
	.companyWrapper .companyList{
		padding: 30px 0;
	}
	.companyWrapper .companyList .title{
		padding-bottom: 10px;
	}
	.companyWrapper .companyList .title span{
		font-size: 20px;
	}
	.companyWrapper .swiperCompany{
		margin-top: 20px;
	}
	.companyWrapper .swiperBox .tab{
		width: 40px;
		height: 40px;
	}
	.companyWrapper .swiperBox .tabPrev{
		left: -10px;
	}
	.companyWrapper .swiperBox .tabNext{
		right: -10px;
	}

	/* honor */
	.AboutHonor{
		padding-bottom: 0;
	}
	.AboutHonor .yearFloor{
		display: none !important;
	}
	.AboutHonor .honorBox{
		padding-bottom: 30px;
	}
	.AboutHonor .timeList{
		margin-top: 30px;
	}
	.AboutHonor .timeList:before{
		left: 10px;
		margin-left: 0;
	}
	.AboutHonor .timeList .year{
		width: 80px;
		height: 80px;
		margin: 0 auto 25px;
	}
	.AboutHonor .timeList .year p{
		font-size: 12px;
		line-height: 18px;
	}
	.AboutHonor .timeList .year .num{
		margin-top: 20px;
		margin-bottom: 3px;
		font-size: 18px;
	}
	.AboutHonor .timeList li{
		margin-bottom: 35px;
	}
	.AboutHonor .timeList li .group .item{
		padding: 10px;
	}
	.AboutHonor .timeList li .group .item p{
		font-size: 16px;
		margin-top: 10px;
	}
	.AboutHonor .timeList li .group .point{
		font-size: 20px;
	}
	.AboutHonor .timeList li.left .group{
		width: 100%;
		padding: 50px 0 0 30px;
	}
	.AboutHonor .timeList li.left .group .point{
		right: auto;
		left: 30px;
		top: 0;
		margin-top: 0;
	}
	.AboutHonor .timeList li.left .group:before{
		right: auto;
		left: 5px;
		top: 9px;
		margin-top: 0;
	}
	.AboutHonor .timeList li.right .group{
		width: 100%;
		padding: 50px 0 0 30px;
	}
	.AboutHonor .timeList li.right .group .point{
		right: auto;
		left: 30px;
		top: 0;
		margin-top: 0;
	}
	.AboutHonor .timeList li.right .group:before{
		right: auto;
		left: 5px;
		top: 9px;
		margin-top: 0;
	}
	
	/* news */
	.newsWrapper{
		padding-bottom: 30px;
	}
	.newsWrapper .banner{
		padding-top: 220px;
	}
	.newsWrapper .newsBox .newsType a{
		height: 45px;
		line-height: 45px;
		font-size: 12px;
	}
	.newsWrapper .singleNew{
		margin: 30px 0;
		padding: 10px;
	}
	.newsWrapper .singleNew .newSlide{
		width: 100%;
	}
	.newsWrapper .singleNew .newSlide .single{
		height: 300px;
	}
	.newsWrapper .singleNew .newSlide .single .info{
		width: 100%;
		padding: 10px;
	}
	.newsWrapper .singleNew .newSlide .single .info h1{
		font-size: 16px;
	}
	.newsWrapper .singleNew .newSlide .pagination{
		bottom: 10px;
		text-align: center;
	}
	.newsWrapper .singleNew .newsHot{
		width: 100%;
		margin-top: 20px;
		padding-left: 0;
	}
	.newsWrapper .singleNew .newsHot li{
		padding: 10px;
	}
	.newsWrapper .singleNew .newsHot li .time{
		margin-right: 15px;
	}
	.newsWrapper .newsList li{
		width: 100%;
		padding: 0 15px 20px;
		margin-bottom: 20px;
	}
	.newsWrapper .newsList li:nth-last-child(-n+3){
		margin-bottom: 20px;
	}
	.newsWrapper .PageBar{
		margin-top: 30px;
	}
	.PageBar{
		height: 30px;
	}
	.PageBar .num{
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
	}
	.PageBar .arrow{
		width: 30px;
		height: 30px;
		line-height: 30px;
	}

	/* productlist */
	.productListWrapper{
		padding-bottom: 30px;
	}
	.productListWrapper .banner h1{
		font-size: 20px;
		padding-bottom: 15px;
	}
	.productListWrapper .banner p{
		font-size: 14px;
		line-height: 24px;
	}
	.productListWrapper .productType a{
		width: 50%;
		height: 45px;
		line-height: 45px;
		font-size: 12px;
	}
	.productListWrapper .list{
		margin-top: 30px;
	}
	.productListWrapper .list li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	/* recruit */
	.recruitWrapper .banner{
		padding-top: 220px;
	}
	.recruitWrapper .swiperRecruit{
		display: none;
	}
	.recruitWrapper .recruitBox .controlBox{
		display: none;
	}
	.recruitWrapper .recruitBox{
		padding: 30px 0;
	}
	.recruitWrapper .swiperRecruitPhone{
		display: block;
		padding-bottom: 30px;
	}
	.recruitWrapper .recruitBox .swiperRecruitPhone .recruitList li{
		width: 100%;
		padding: 15px;
		margin-right: 0;
	}
	.recruitWrapper .recruitBox .recruitList li h1{
		margin-bottom: 10px;
		font-size: 20px;
		padding-bottom: 10px;
	}
	.recruitWrapper .recruitBox .recruitList li p{
		font-size: 14px;
		line-height: 24px;
	}
	.recruitWrapper .recruitBox .recruitList li p span{
		width: 100%;
	}
	.recruitWrapper .recruitBox .recruitList li .more{
		margin-top: 20px;
	}
	.recruitWrapper .swiperRecruitPhone .phonepagination{
		position: absolute;
		left: 0;
		bottom: 5px;
		text-align: center;
		width: 100%;
		font-size: 0;
	}
	.recruitWrapper .swiperRecruitPhone .phonepagination .swiper-pagination-switch{
		display: inline-block;
		margin: 0 4px;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background-color: rgba(3,162,242,.4);
	}
	.recruitWrapper .swiperRecruitPhone .phonepagination .swiper-pagination-switch.swiper-active-switch{
		background-color: rgba(3,162,242,1);
	}
	.recruitWrapper .recruitBottom{
		padding: 30px 0;
	}
	.recruitWrapper .recruitBottom h1.title{
		margin: 0 0 25px;
		font-size: 20px;
	}
	.recruitWrapper .recruitBottom .moudel1{
		margin-bottom: 30px;
	}
	.recruitWrapper .recruitBottom .moudel1 .info .tit{
		padding: 20px 0;
		height: auto;
		text-align: center;
		font-size: 0;
	}
	.recruitWrapper .recruitBottom .moudel1 .info .tit img,
	.recruitWrapper .recruitBottom .moudel1 .info .tit p{
		display: inline-block;
		vertical-align: middle;
	}
	.recruitWrapper .recruitBottom .moudel1 .info .tit p{
		margin-top: 0;
		font-size: 16px;
		padding-left: 10px;
	}
	.recruitWrapper .recruitBottom .moudel1 .infoCont .box p{
		font-size: 14px;
		line-height: 24px;
	}
	.recruitWrapper .recruitBottom .moudel1  .item.right .img,
	.recruitWrapper .recruitBottom .moudel1  .item.right .info{
		width: 100%;
		height: auto;
	}
	.recruitWrapper .recruitBottom .moudel1  .item.right .img{
		height: 300px;
	}
	.recruitWrapper .recruitBottom .moudel1  .item.right .infoCont{
		height: auto;
		padding: 15px;
	}
	.recruitWrapper .recruitBottom .moudel1  .item.left .img,
	.recruitWrapper .recruitBottom .moudel1  .item.left .info{
		width: 100%;
		height: auto;
	}
	.recruitWrapper .recruitBottom .moudel1  .item.left .img{
		height: 300px;
	}
	.recruitWrapper .recruitBottom .moudel1  .item.left .infoCont{
		height: auto;
		padding: 15px;
	}
	.recruitWrapper .recruitBottom .moudel2 .group .left{
		width: 100%;
	}
	.recruitWrapper .recruitBottom .moudel2 .group .center{
		width: 100%;
	}
	.recruitWrapper .recruitBottom .moudel2 .group .center .useritem{
		background-position: center 50px;
	}
	.recruitWrapper .recruitBottom .moudel2 .group .center .useritem p{
		margin-top: 110px;
	}
	.recruitWrapper .recruitBottom .moudel2 .group .right.itemImg{
		width: 100%;
		height: 340px;
	}
	.recruitWrapper .recruitBottom .moudel2 .group .item{
		height: 200px;
	}
	.recruitPop{
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		margin-top: 0;
		margin-left: 0;
	}
	.recruitPop .box{
		padding-left: 0;
	}
	.recruitPop .box .list li{
		width: 100%;
		margin-bottom: 8px;
	}
	.recruitPop .box .item{
		margin-top: 20px;
	}



	/* solution */
	.solutionWrapper .banner{
		padding-top: 220px;
	}
	.solutionWrapper .banner .info{
		bottom: 20px;
	}
	.solutionWrapper .banner h1{
		font-size: 20px;
	}
	.solutionWrapper .banner p{
		margin-top: 10px;
		font-size: 14px;
		line-height: 24px;
	}
	.solutionWrapper .banner p br{
		display: none;
	}
	.solutionWrapper .banner .ico{
		width: 36px;
		height: 36px;
		margin-top: 10px;
	}
	.solutionWrapper .moudel1{
		padding: 30px 0 0;
	}
	.solutionWrapper .moudel1 .title{
		font-size: 20px;
		height: 30px;
		line-height: 30px;
	}
	.solutionWrapper .moudel1 .controlType{
		margin-top: 25px;
	}
	.solutionWrapper .moudel1 .controlType a{
		width: 50%;
		height: 100px;
	}
	.solutionWrapper .moudel1 .controlType a h1{
		margin-top: 15px;
		font-size: 16px;
	}
	.solutionWrapper .moudel1 .controlType a p{
		line-height: 20px;
		height: 40px;
	}
	.solutionWrapper .moudel1 .controlType a:before{
		display: none;
	}
	.solutionWrapper .moudel1 .inputBar{
		margin: 25px 0;
		height: 50px;
		padding-right: 50px;
	}
	.solutionWrapper .moudel1 .inputBar input{
		height: 50px;
		line-height: 50px;
	}
	.solutionWrapper .moudel1 .inputBar .btn{
		width: 50px;
	}
	.solutionWrapper .moudel2 .bgImg{
		width: 100%;
		height: 290px;
	}
	.solutionWrapper .moudel2 .itemBox{
		width: 100%;
		padding: 15px;
		top: 30px;
	}
	.solutionWrapper .moudel2 .itemBox .itemBar{
		padding-right: 10px;
		height: 200px;
	}
	.solutionWrapper .moudel2 .itemBox .item{
		padding: 8px 0;
	}
	.solutionWrapper .moudel2 .itemBox .item .title{
		font-size: 14px;
		padding-right: 26px;
	}
	.solutionWrapper .moudel2 .itemBox .item .title .ico{
		right: 4px;
	}
	.solutionWrapper .moudel3{
		padding: 30px 0;
	}
	.solutionWrapper .moudel3 .title{
		font-size: 20px;
		height: 30px;
		line-height: 30px;
	}
	.solutionWrapper .moudel3 .group{
		margin-top: 20px;
	}
	.solutionWrapper .moudel3 .group .sideBar{
		position: static;
		width: 100%;
		top: auto;
		left: auto;
	}
	.solutionWrapper .moudel3 .group .sideBar a{
		float: left;
		width: 50%;
		height: 45px;
		line-height: 45px;
		font-size: 14px;
	}
	.solutionWrapper .moudel3 .group .sideBar a:nth-of-type(odd){
		border-right: #ddd solid 1px;
	}
	.solutionWrapper .moudel3 .group .sideBar a.active:before{
		display: none;
	}
	.solutionWrapper .moudel3 .group .imgsBox{
		margin-left: 0;
		margin-top: 20px;
	}

	/* staff */
	.staffWrapper .banner{
		padding-top: 220px;
	}
	.staffWrapper .banner .info{
		padding: 20px;
	}
	.staffWrapper .banner .info h1{
		font-size: 20px;
		padding-bottom: 10px;
		font-weight: normal;
	}
	.staffWrapper .banner .info p{
		font-size: 14px;
		line-height: 24px;
		margin: 10px 0 0;
		font-weight: normal;
	}
	.staffWrapper .banner .info p br{
		display: none;
	}
	.staffWrapper .slickBox{
		margin-top: 30px;
	}
	.staffWrapper .slickBox .slickImg,
	.staffWrapper .slickBox .slickInfo{
		width: 100%;
	}
	.staffWrapper .slickBox .slickImg .img{
		height: 300px;
	}
	.staffWrapper .slickBox .slickInfo{
		height: auto;
	}
	.staffWrapper .slickBox .slickInfo .info h1{
		font-size: 20px;
		height: 30px;
		line-height: 30px;
	}
	.staffWrapper .slickBox .slickInfo .info p{
		margin-top: 20px;
		font-size: 14px;
		line-height: 24px;
		height: auto;
		max-height: 120px;
	}
	.staffWrapper .slickBox .slickInfo .info .more{
		margin-top: 30px;
	}
	.staffWrapper .photoTab{
		width: 100%;
	}
	.staffWrapper .photoTab .item{
		padding: 20px 0;
	}
	.staffWrapper .photoTab .item .ico{
		width: 50px;
		height: 35px;
		background-size: contain;
	}
	.staffWrapper .photoTab .item p{
		font-size: 14px;
		line-height: 20px;
	}
	.staffWrapper .swiperPhoto{
		top: 30px;
		margin-bottom: 30px;
		padding-bottom: 50px;
	}
	.staffWrapper .swiperPhoto .group{
		height: auto;
	}
	.staffWrapper .swiperPhoto .group .left{
		float: none;
		width: 100%;
	}
	.staffWrapper .swiperPhoto .group .left .img{
		height: 340px;
	}
	.staffWrapper .swiperPhoto .group .right{
		float: none;
		width: 100%;
		margin-top: 10px;
		padding: 0;
	}
	.staffWrapper .swiperPhoto .group .right .top .img{
		height: 220px;
	}
	.staffWrapper .swiperPhoto .group .right .bottom .img{
		height: 220px;
	}
	.staffWrapper .swiperPhoto .btn{
		width: 45px;
		height: 45px;
	}
	.staffWrapper .swiperPhoto .prevBtn{
		left: 50%;
		margin-left: -45px;
	}
	.staffWrapper .swiperPhoto .nextBtn{
		left: 50%;
		margin-right: 45px;
	}

	/* productdetail */
	.productDetailWrapper .banner .detailHeader{
		top: 10px;
		padding: 0 15px;
	}
	.productDetailWrapper .banner .detailHeader.fixed{
		top: 60px;
		padding: 0;
	}
	.productDetailWrapper .banner .detailHeader.fixed .box{
		padding: 0 15px;
	}
	.productDetailWrapper .banner .detailHeader .box{
		height: auto;
	}
	.productDetailWrapper .banner .detailHeader span{
		font-size: 16px;
		line-height: 30px;
		width: 100%;
	}
	.productDetailWrapper .banner .detailHeader .detailInfo{
		position: relative;
		top: 1px;
	}
	.productDetailWrapper .banner .detailHeader .detailInfo a{
		height: 30px;
		line-height: 30px;
	}
	.productDetailWrapper .detailFirst{
		bottom: -120px;
	}
	.productDetailWrapper .detailFirst img{
		width: 86%;
	}
	.productDetailWrapper .moudle1{
		padding: 150px 20px 30px;
	}
	.productDetailWrapper .moudle1 .item{
		margin-bottom: 15px;
	}
	.productDetailWrapper .moudle1 .item .img{
		width: 100%;
	}
	.productDetailWrapper .moudle1 .item .info{
		width: 100%;
		padding: 0;
	}
	.productDetailWrapper .moudle1 .item .info h1{
		font-size: 20px;
		margin: 25px 0;
	}
	.productDetailWrapper .moudle1 .item .info p{
		font-size: 14px;
		line-height: 26px;
		background-position: left 2px;
	}
	.productDetailWrapper .moudle2 li{
		width: 100%;
	}
	.productDetailWrapper .moudle2 li h1{
		font-size: 16px;
		line-height: 24px;
	}
	.productDetailWrapper .moudle2 li p{
		font-size: 14px;
		line-height: 24px;
	}
	.productDetailWrapper .moudle2Title{
		font-size: 20px;
	}
	.productDetailWrapper .moudle3 .container{
		top: 25px;
	}
	.productDetailWrapper .moudle3 .txt h1{
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 20px;
	}
	.productDetailWrapper .moudle3 .txt p{
		font-size: 14px;
		line-height: 20px;
	}
	.productDetailWrapper .moudle4{
		padding: 45px 0 30px;
	}
	.productDetailWrapper .moudle4 h1{
		font-size: 20px;
		margin-bottom: 20px;
	}
	.productDetailWrapper .moudle4 p{
		font-size: 14px;
		line-height: 24px;
	}
	.productDetailWrapper .moudle4 p br{
		display: none;
	}
	.productDetailWrapper .moudle5{
		padding: 35px 0 0;
	}
	.productDetailWrapper .moudle5 h1{
		font-size: 18px;
	}
	.productDetailWrapper .moudle5 p{
		font-size: 14px;
		line-height: 24px;
	}
	.productDetailWrapper .moudle5 .icoList{
		margin: 30px 0;
		overflow: hidden;
	}
	.productDetailWrapper .moudle5 .icoList li{
		float: left;
		width: 33.33%;
		padding: 0 5px;
	}
	.productDetailWrapper .moudle5 .icoList li .ico{
		width: 80px;	
		height: 80px;
	}
	.productDetailWrapper .moudle5 .icoList li p{
		font-size: 12px;
	}
	.productDetailWrapper .singleDown{
		padding: 30px 0;
	}
	.productDetailWrapper .singleDown h1{
		font-size: 20px;
	}
	.productDetailWrapper .singleDown h1:before{
		height: 20px;
		margin-top: -10px;
	}
	.productDetailWrapper .singleDown .downBtn{
		margin: 20px 0 0 30px;
	}
	.productDetailWrapper .nextProduct .container{
		padding: 30px 0;
	}
	.productDetailWrapper .nextProduct .img{
		float: none;
		margin: 20px auto;
	}
	.productDetailWrapper .nextProduct .info{
		padding-right: 0;
		padding-bottom: 30px;
	}
	.productDetailWrapper .nextProduct .info h1{
		font-size: 18px;
		margin-top: 10px;
	}
	.productDetailWrapper .nextProduct .info .goNext{
		top: auto;
		bottom: 0;
		font-size: 16px;
	}


	/* law */
	.lawBox .title{
		font-size: 20px;
		line-height: 30px;
	}
	.lawBox h2{
		margin-top: 20px;
		font-weight: normal;
	}
	.lawBox h2 + p{
		margin-top: 15px;
	}

	/* webMap */
	.webMapBox{
		padding: 30px 0;
	}
	.webMapBox .title{
		font-size: 20px;
		line-height: 30px;
	}
	.webMapBox .item{
		margin-bottom: 20px;
	}
	.webMapBox .item h1{
		font-size: 16px;
	}

	.AboutActivity .logoBox li{width: 48.75%}
}